<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">

    <title>首页</title>
</head>

<body>
    <div class="header">
        <div class="header-c">
            <div class="logo"><img src="img/p1/LOGO.png" alt=""></div>
            <ul class="nav clear">
                <li class="nav-item clear"><a class="action" href="index.html">首页</a><span class="line action"></span></li>


                <li class="nav-item clear"><a href="tbch.html">特别策划</a><span class="line"></span></li>


                <li class="nav-item clear"><a href="jplx.html">精品路线</a><span class="line">
                    <div class="kz">
                        <a class="kz-a" href="tuandui.html">定制团体游</a>
                        <a class="kz-a" href="jplx.html">领队自由行</a>
                    </div>
                </span></li>


                <li class="nav-item clear"><a href="about.html">关于我们</a><span class="line">
                    <div class="kz">
                        <a class="kz-a" href="about.html">企业理念</a><br>
                        <a class="kz-a" href="about.html">品牌介绍</a>
                    </div>
                </span></li>


                <li class="nav-item clear"><a href="lxwm.html">联系我们</a><span class="line">
                    <div class="kz">
                        <a class="kz-a" href="tuandui.html">在线咨询</a><br>
                        <a class="kz-a" href="lxwm.html">留言版块</a>
                    </div>
                </span></li>

            </ul>
        </div>
    </div>

    <div class="banner">
        <div class="d">
            <a href="">
                <span class="dot"></span> </a>
            <a href="">
                <span class="dot"></span> </a>
            <a href="">
                <span class="dot"></span> </a>

        </div>
    </div>
    <div class="content ">
        <div class="content-c clear">
            <div class="logo clear">

            </div>
            <div class="guild clear">
                <div class="g1">
                    <img class="tu" src="img/p1/g1.jpg" alt="">
                    <div class="tp">
                        
                    </div>
                    
                    <div class="ms">
                        <p>苍山洱海旁，过一段慢时光</p><br>
                        <span class="s1">云南风花雪月之旅 （6days）</span><br>
                        <div class="icon">
                            <span class="s2">
                                <a href=""><img src="img/p1/pink.png" alt="">洱海骑行</a>
                                <a href=""><img src="img/p1/orange.png" alt="">手作扎染</a>
                                <a href=""><img src="img/p1/blue.png" alt="">草海</a>
                                <a href=""><img src="img/p1/green.png" alt="">束河古镇</a>
                                <a href=""><img src="img/p1/green-2.png" alt="">拉市海</a>
                            </span>

                        </div>
                    </div>
                </div>
                <div class="g1">
                    <div class="ms">
                        <p>苍近距离看“滚滚”花式卖萌</p><br>
                        <span class="s1">成都City  Walk之旅 （6days）</span><br>
                        <div class="icon">
                            <span class="s2">
                                <a href=""><img src="img/p1/pink.png" alt="">熊猫基地</a>
                                <a href=""><img src="img/p1/orange.png" alt="">宽窄巷子</a>
                                <a href=""><img src="img/p1/blue.png" alt="">武侯祠</a>
                                <a href=""><img src="img/p1/green.png" alt="">小酒馆</a>
                                <a href=""><img src="img/p1/green-2.png" alt="">锦里</a>
                            </span>


                        </div>
                    </div>
                    <img class="tu" src="img/p1/g2.jpg" alt="">
                    <div class="tp-2"></div>
                    
                </div>
                <div class="g1">
                    <img class="tu"src="img/p1/g3.png" alt="">
                    <div class="tp-3"></div>
                    
                    <div class="ms">
                        <p>骑行青海湖，行摄纯净天空之境</p><br>
                        <span class="s1">梦回大西北之旅 （6days</span><br>
                        <div class="icon">
                            <span class="s2">
                                <a href=""><img src="img/p1/pink.png" alt="">茶卡盐湖</a>
                                <a href=""><img src="img/p1/orange.png" alt="">U型天路</a>
                                <a href=""><img src="img/p1/blue.png" alt="">青海湖日出</a>
                                <a href=""><img src="img/p1/green.png" alt="">魔鬼</a>
                                <a href=""><img src="img/p1/green-2.png" alt="">七彩丹霞</a>
                                <a href=""><img src="img/p1/blue.png" alt="">莫高窟</a>
                            </span>

                        </div>
                    </div>

                </div>

            </div>
            <div class="more">
                
            </div>
            <div class="more-z">
                MORE
            </div>
            
        </div>
    </div>
    <div class="about">
        <div class="about-c clear">
            <div class="us">

            </div>
            
        <div class="j1">
            <div class="j1-a"><p class="P1">介绍</p><br>
                            <span class="s1">INTRODUCE&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
              <div class="j1-b">
                  <span class="s2">新旅行概念社区，在这里，你可以收货来自世界各地的友谊，为您<br>
                    提供省心、省钱、纯玩、有趣的路线随时带您出发看世界。</span>
              </div>      
        </div>
        <br>

        <div class="j2">
            <div class="j1-a"><p class="P1">理念</p><br>
                <span class="s1">CONCEPT&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div>
               
            <div class="j1-b">
            <span class="s2">每一寸土地都承载着一个城市厚重而亲切的灵魂。<br>
                About travel, about life, That's all.
                。</span>
            </div>    
        </div>
            
        </div>
    </div>
    <div class="column">
        <div class="column-c clear">
            <div class="logo"></div>
            <div class="menu">
                <div class="hot">
                    <p>京都岚山深度一日游</p>
                    <span>寻找我们的风花雪月</span>
                </div>
                <div class="hot"><img src="img/p1/jp-1.jpg" alt=""></div>
                <div class="hot">
                    <p>京都岚山深度一日游</p>
                    <span>寻找我们的风花雪月</span>
                </div>
                <div class="hot"><img src="img/p1/jp-2.jpg" alt=""></div>
                <div class="hot">
                    <p>京都岚山深度一日游</p>
                    <span>寻找我们的风花雪月</span>
                </div>
                <div class="hot"><img src="img/p1/jp-3.jpg" alt=""></div>
            </div>
            <div class="more">
                
            </div>
            <div class="more-z">
                MORE
            </div>
        </div>
    </div>
    <div class="service">
        <div class="guild">
            <div class="tuanti">
                <div class="hz"><a href="">定制团体游</a></div>
                    <h2>独立成团&nbsp;&nbsp;&nbsp;&nbsp;专属定制</h2>
                    <p>简单几步，定制您的私人旅行</p>
                    <span></span>
                
            </div>
            <div class="ziyou">
                <div class="hz"><a href="">领队自由行</a></div>
                    <h2>金牌领队&nbsp;&nbsp;&nbsp;&nbsp;专业跟拍</h2>
                    <p>解锁陌生，升级地道旅游体验</p>
                    <span></span>
                
            </div>
        </div>
    </div>
    <div class="lx">
        <div class="lx-c">
            <div class="logo"></div>
        </div>
    </div>

    <div class="footer">
        <div class="footer-c">
            <div class="f-l">
                <span>慢旅Slow Travle工作室 </span>
                <p>
                    地点：中国河南省郑州市绿地新都汇
                    <br>
                    邮编：1000000
                    <br>
                    电话：0392-23656504
                    <br>
                    邮箱：manlv@qq.com
                    <br>
                    <div class="a-q">
                    <a href=""><img src="img/p1/QQ.png" alt=""></a>
                    <a href=""><img src="img/p1/wb.png" alt=""></a>
                    <a href=""><img src="img/p1/vx.png" alt=""></a>
                    </div>
                    <p>COPYRIGHT (©) 2018 mo004_2551 - 生活方式旅游类网站.</p>  
                 </p>

            </div>
            <div class="f-r">
                <div class="user-item">
                    <div class="xx">
                        <p>姓名</p>
                        <input type="text">
                    </div>
                    <div class="xx">
                        <p>邮箱</p>
                        <input type="text">
                    </div>
                    <div class="xx">
                        <p>电话</p>
                        <input type="text">
                    </div>

                </div>
                <div class="user-work">
                    <p>内容</p>
                    <input class="i1" type="text">
                </div>
                <div class="submit">
                    <input type="image" src="img/p1/tj.jpg">
                </div>
            </div>
        </div>
    </div>
</body>

</html>